<style>
.wrap1{
    background:url('/images/site_image/bg8.jpg');
    background-size:100% 100%;
}
</style>
<?php
$db = new DBQuery;
$sql = 'SELECT sta_id,sta_title_alias FROM static_page';
$menuAbout = $db->query($sql);
?>
<div class="wrapIntro fl">
        <?php
        include 'inc_about_content.php';
        ?>
</div>
<div class="introMenu fl">
    <ul>
    <?php if($menuAbout) foreach($menuAbout as $amenu):?>
        <li>
            <a href="javascript:;" data-value="<?php echo $amenu['sta_id']?>">
                <?php echo $amenu['sta_title_alias']?>
            </a>
        </li>
    <?php endforeach;?>
    </ul>
</div>
<script>
$(function(){
    $('.wrapIntro_content').jScrollPane();
    data = {name:'about_page'};
    $('.introMenu li:first a').addClass('activeIntro');
    //Load content of about page
    $('.introMenu a').click(function(){
        if(!$(this).hasClass('activeIntro')){
            $('.introMenu a').removeClass('activeIntro');
            $(this).addClass('activeIntro');
        }
        data.ipage = $(this).attr('data-value');
        $.ajax({
            type:'POST',
            data:data,
            dataType:'json',
            url:'ctrlmod',
            beforeSend:function(){
                $('.wrapIntro_content .content_about').html('<img src="/images/site_image/ajax-loader.gif" class="loading"/>');
            },
			
            success:function(result){
                $('.wrapIntro > h2').html(result.title);
                $('.wrapIntro_content .content_about').html(result.content);
                $('.wrapIntro_content').jScrollPane();
            }
			
        });
    });
})
    
</script>